<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>工资计税器</title>
		<script src="jquery/jquery-3.1.1.min.js"></script>
		<script src="style.js"></script>
		<style>
			body,dd{
				margin: 0;
			}
			.banner{
				width: 400px;
				margin: 30px auto;
				text-align: center;
				border: solid 1px olivedrab;
				overflow: hidden;
			}
			input{
				width: 300px;
				height: 30px;
				margin: 10px auto;
			}
			.bottom{
				display: none;
			}
			dl{
				width: 300px;
				margin: 6px auto;
				font-size: 15px;
				overflow: hidden;
			}
			dt{
				float: left;
			}
			dd{
				float: right;
			}
		</style>
	</head>
	<body>
		<div class="banner">
		<header>工资计税器</header>
		<form action="#">
			<input type="text" required placeholder="基本工资/社保基数"/>
			<input type="text" required placeholder="你的绩效工资/计税"/>
			<input type="text" required placeholder="你的奖金/计税"/><br />
			<button type="button">点击计算</button>
		</form>
		<div class="bottom">
			<dl>
				<dt>总额</dt>
				<dd class="ze">00.00</dd>
			</dl>
			<dl>
				<dt>养老：8%</dt>
				<dd class="yl">00.00</dd>
			</dl>
			<dl>
				<dt>医疗：2%</dt>
				<dd class="yil">00.00</dd>
			</dl>
			<dl>
				<dt>失业：0.5%</dt>
				<dd class="sy">00.00</dd>
			</dl>
			<dl>
				<dt>工伤：0%</dt>
				<dd class="gs">00.00</dd>
			</dl>
			<dl>
				<dt>生育：0%</dt>
				<dd class="sy">00.00</dd>
			</dl>
			<dl>
				<dt>住房公积金：8%</dt>
				<dd class="zf">00.00</dd>
			</dl>
			<dl>
				<dt>社保统筹</dt>
				<dd class="tc">00.00</dd>
			</dl>
			<dl>
				<dt>计税工资</dt>
				<dd class="js">00.00</dd>
			</dl>
			<dl>
				<dt>个人所得税</dt>
				<dd class="gr">00.00</dd>
			</dl>
			<dl>
				<dt>实发工资</dt>
				<dd class="zf">00.00</dd>
			</dl>
		</div>
		</div>
		<script>
		   var ip1 = $('input').eq(0).val()
		   var ip1 = Number(ip1)
		   var ip2 = $('input').eq(1).val()
		   var ip2 = Number(ip2)
		   var ip3 = $('input').eq(2).val()
		   var ip3 = Number(ip3)
		   var ips = ip1 + ip2 + ip3
		   var a = $('.yl').text()
			console.log(ip1)
			$('button').click(function(){
				if(ips > 4000){
				$('.bottom').show()
				}else{
					alert('你的工资达不到计税标准')
				}
			})
			
		</script>
	</body>
</html>
